<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>智慧物业管理系统</title>
		<link rel="stylesheet" href="css/WYJF.css">
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/layui.css">
	</head>
	<body>
	<header>
		<!--    导航条-->

		<nav class="navbar navbar-default" id="nav">
			<div class="container-fluid">
				<!-- logo -->
				<div class="navbar-header">
					<!--            响应式-->
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">logo</a>
				</div>
				<!-- 系统名字 -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="#">智慧物业<span>管理系统</span></a></li>
					</ul>
					<!--    选择社区-->
					<form class="navbar-form navbar-left">
						<select>
							<option>智慧社区Ⅰ</option>
							<option>智慧社区Ⅱ</option>
							<option>智慧社区Ⅲ</option>
							<option>智慧社区Ⅳ</option>
						</select>
					</form>
					<!--            导航-->
					<ul class="nav navbar-nav">
						<li><a href="#">物业管理</a></li>
						<li><a href="#">物联设备</a></li>
						<li><a href="#">APP管理</a></li>
					</ul>
					<!--用户-->
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#"><span class="glyphicon glyphicon-envelope"></span></a></li>
						<li><a href="#"> 欢迎</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" ><span class="glyphicon glyphicon-user"></span>  admin <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="yaoketongxiugaimm.html">密码更改</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="YaoKeTongLogin.html">退出登录</a></li>
							</ul>
						</li>
					</ul>


				</div><!-- /.navbar-collapse -->



			</div><!-- /.container-fluid -->
		</nav>

	</header>
	<main>

		<!--左侧导航栏-->
		<div class="row " id="zuocedaohuang">
			<ul>
				<li>
					<div><i class="glyphicon glyphicon-home"></i> <i><a href="">首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></i><span></span></div>
				</li>
				<li><div><i class="glyphicon glyphicon-user"></i><i>人员管理</i><span class="glyphicon glyphicon-triangle-bottom glyphicon1"></span></div>
					<ul>
						<li><a href="#">住户实名管理管理</a></li>
					</ul>
				</li>
				<li><div><i class="glyphicon glyphicon-tower"></i><i>房屋管理</i><span class="glyphicon glyphicon-triangle-bottom glyphicon1"></span></div>
					<ul>
						<li><a href="#">房源管理</a></li>
						<li><a href="#">房屋档案</a></li>
					</ul>

				</li>
				<li><div><i class="glyphicon glyphicon-rub"></i><i>停车管理</i><span class="glyphicon glyphicon-triangle-bottom glyphicon1"></span></div>
					<ul>
						<li><a href="#">车位管理</a></li>
						<li><a href="#">车辆管理</a></li>
					</ul>
				</li>
				<li><div><i class="glyphicon glyphicon-yen"></i><i>物业缴费</i><span class="glyphicon glyphicon-triangle-bottom glyphicon1"></span></div>
					<ul>
						<li><a href="#">缴费记录</a></li>
						<li><a href="#">缴费订单</a></li>
						<li><a href="#">收款账号</a></li>
					</ul>
				</li>
				<li><div><i class="glyphicon glyphicon-heart-empty"></i><i>物业服务</i><span class="glyphicon glyphicon-triangle-bottom glyphicon1"></span></div>
					<ul>
						<li><a href="#">工单配置</a></li>
						<li><a href="#">报修管理</a></li>
					</ul>

				</li>
				<li><div><i class="glyphicon glyphicon-cog"></i><i>通用配置</i><span class="glyphicon glyphicon-triangle-bottom glyphicon1"></span></div>
					<ul>
						<li><a href="#">信息服务</a></li>
						<li><a href="#">账单配置</a></li>
						<li><a href="#">物业信息</a></li>
					</ul>

				</li>
				<li><div><i class="glyphicon glyphicon-user"></i><i>个人中心</i><span class="glyphicon glyphicon-triangle-bottom glyphicon1"></span></div>
					<ul>
						<li><a href="yaoketongxiugaimm.html">修改密码</a></li>
						<li><a href="#">初始化</a></li>
					</ul>
				</li>
			</ul>
		</div>
		</main>
		<section class="main">
			<div class="mbx"><span>物业缴费>缴费记录</span></div>
			<div class="myForm">
				<div><span>账单编号:</span><input type="text" placeholder="请输入账单编号" class="cxbh"></div>
				<div> <span>所属房屋:</span><input type="text" placeholder="请输入房屋地址" class="cxdz"></div>
				<div>
					<span>账目类别：</span>
					<select name="" class="xl1">
						<option value="全部">全部</option>
						<option value="代缴电费">代缴电费</option>
						<option value="代缴水费">代缴水费</option>
						<option value="车位管理费">车位管理费</option>
						<option value="卫生费">卫生费</option>
						<option value="物业费">物业费</option>
					</select>
				</div>
				<div>
					<span>支付方式：</span>
					<select name="" class="xl2">
						<option value="全部">全部</option>
						<option value="微信">微信</option>
						<option value="支付宝">支付宝</option>
						<option value="现金">现金</option>
						<option value="刷卡">刷卡</option>
					</select>
				</div>
			<button class="btn btn-default btn-tianjia" type="submit" data-toggle="modal" data-target="#myModal" class="add"><span class="glyphicon glyphicon glyphicon-cloud-upload"></span> 添加</button>
			<button class="btn btn-default btn-chongzhi" type="submit"><span class="glyphicon glyphicon-repeat"></span> 重置</button>
			</div>
			<table class="table table-striped" id="tb">
				<thead>
					<tr>
						<th>流水号</th>
						<th>到账编号</th>
						<th>所属房屋</th>
						<th>账单类目</th>
						<th>实收金额</th>
						<th>缴费时间</th>
						<th>支付方式</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody id="userTable">
				</tbody>
			</table>
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			        <div class="modal-dialog" role="document">
			            <div class="modal-content">
			                <div class="modal-header">
			                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			                    <h4 class="modal-title" id="myModalLabel">新增用户</h4>
			                </div>
			                <div class="modal-body" id="modal-body">
			                    <label for="name">流水号:</label>
			                    <input type="text" class="form-control" id="lsh" placeholder="请输入流水号">
			                    <label for="name">到账编号:</label>
			                    <input type="text" class="form-control" id="dzbh" placeholder="请输入到账编号">
			                    <label for="name">所属房屋:</label>
			                    <input type="text" class="form-control" id="ssfw" placeholder="请输入所属房屋">
			                    <label for="name">账单类目:</label>
			                    <input type="text" class="form-control" id="zdlm" placeholder="请输入账单类目">
			                    <label for="name">实收金额:</label>
			                    <input type="text" class="form-control" id="ssje" placeholder="实收金额">
			                    <label for="name">缴费时间:</label>
			                    <input type="text" class="form-control" id="jfsj" placeholder="请输入缴费时间">
								<label for="name">支付方式:</label>
								<input type="text" class="form-control" id="zffs" placeholder="请输入支付方式">
			                </div>
			                <div class="modal-footer">
			                    <button type="button" class="btn btn-default" data-dismiss="modal" id="save">保存</button>
			                </div>
			            </div>
			        </div>
			    </div>
			</div>
			
		</section>
		<script type="text/javascript" src="js/jq.js"></script>
		<script type="text/javascript" src="js/wygl.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
	</body>
</html>
